<?php View::render('admin/layouts/meta');?>
<link rel="stylesheet" type="text/css" href="<?php echo Router::getBaseUrl(); ?>/assets/js/webuploader.css" />
<body>
<article class="page-container">
	<form action="" method="post" class="form form-horizontal" id="form-member-add">
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>昵称：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="<?php echo $userInfo ? $userInfo['nickname'] : ''; ?>" placeholder="" name="nickname">
			</div>
		</div>

        <div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>手机号：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="<?php echo $userInfo ? $userInfo['mobile'] : ''; ?>" placeholder="" name="mobile">
			</div>
		</div>

        <div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>头像图片：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<div class="clearfix">
                    <div class="">
                        <a id="j-upload-avatar">上传图片</a>
                    </div>
                    <div id="j-file-avatar" class="">
                    <?php if ($userInfo && $userInfo['avatar']) {?>
                    <div class="f-l mr-10 j-u-box">
                        <a href="javascirpt:;" class="j-u-del"><i class="Hui-iconfont">&#xe6dd;</i></a>
                        <input type="hidden" name="avatar" value="<?php echo $userInfo['avatar']; ?>" />
                        <a href="<?php echo $userInfo['avatar']; ?>"><img class="thumbnail" src="<?php echo $userInfo['avatar']; ?>"  style="width:100px;height:100px" /></a>
                    </div>
                    <?php }?>
                    </div>
                </div>
                <span>图片大小:320px*320px</span>
			</div>
		</div>

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">粉丝数：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="<?php echo $userInfo ? $userInfo['fans_total'] : ''; ?>" placeholder="粉丝数" name="fans_total">
            </div>
        </div>
        <div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">密码：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="" placeholder="若不修改保持为空即可" name="password">
			</div>
		</div>


		<div class="row cl">
			<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                <input type="hidden" name="uid" value="<?php echo $userInfo ? $userInfo['uid'] : 0; ?>" />
                <input class="btn btn-primary radius" type="button" id="j_submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
			</div>
		</div>
	</form>
</article>
</body>
<?php View::render('admin/layouts/footer');?>
<script type="text/javascript" src="<?php echo Router::getBaseUrl(); ?>/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="<?php echo Router::getBaseUrl(); ?>/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="<?php echo Router::getBaseUrl(); ?>/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="<?php echo Router::getBaseUrl(); ?>/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="<?php echo Router::getBaseUrl(); ?>/assets/js/webuploader.min.js"></script>
<script type="text/javascript" src="<?php echo Router::getBaseUrl(); ?>/lib/ueditor/1.4.3/ueditor.config.js"></script>
<script type="text/javascript" src="<?php echo Router::getBaseUrl(); ?>/lib/ueditor/1.4.3/ueditor.all.min.js"> </script>
<script type="text/javascript" src="<?php echo Router::getBaseUrl(); ?>/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript">
$(function(){
formData = {}
$.getJSON('/oss/getImageToken', function(ret){
    var data = ret.data;
    formData = {
      'key' : data.dir,
      'policy': data.policy,
      'OSSAccessKeyId': data.accessid,
      'success_action_status' : '200', //让服务端返回200,不然，默认会返回204
      'callback' : '',
      'signature': data.signature,
      'domain': data.domain,
      'host':data.host
    };
});
  $('#j_submit').click(function(){
      var $btn = $(this);
        $btn.button('loading');
        $.post('<?php echo Router::getBaseUrl(); ?>/admin_user/edit', $('form').serialize(), function (result) {
            if (result.status == 200) {
                layer.msg(result.msg, {
                    icon: 1,
                    skin: 'u-msg',
                    time: 1800,
                }, function(){
                   var index = parent.layer.getFrameIndex(window.name);
                    parent.layer.close(index);
                });
                $btn.button('reset');
                return true;
            }
            layer.msg(result.msg, {
                icon: 0,
                skin: 'u-msg',
                time: 3000,
            }, function () {

            });
            $btn.button('reset');
        }, 'json');
        return;
  });

    var max_file = 100, $list_avatar = $('#j-file-avatar');
    var uploader = WebUploader.create({
        auto:true,
        swf: '<?php echo Router::getBaseUrl(); ?>/assets/js/Uploader.swf',
        server: '<?php echo Router::getBaseUrl(); ?>/admin_upload/file',
        pick: '#j-upload-avatar',
        formData:formData,
        resize: true,
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        }
    });
    uploader.on('beforeFileQueued', function(file){
        formData.key += random_string(15)+get_suffix(file.name);
        uploader.options.server = formData.host;
        uploader.options.formData = formData;
    });

    uploader.on( 'uploadError', function( file ) {
        layer.msg('文件上传出错', {
            icon: 0,
            skin: 'u-msg',
            time: 3000,
        });
    });

    uploader.on( 'uploadSuccess', function( file,response) {
        img = formData.domain+'/'+formData.key;
        var tpl='<div class="f-l mr-10 j-u-box">\
                    <a href="javascript:;" class="j-u-del"><i class="Hui-iconfont">&#xe6dd;</i></a>\
                    <input type="hidden" name="avatar" value="'+img+'" />\
                    <img class="thumbnail" src="'+img+'" style="width:100px;height:100px" />\
                </div>';
        $list_avatar.html(tpl);
        $('.j-u-del').on('click', function(){
            $(this).parent('div').remove();
        });
    });

    $('.j-u-del').on('click', function(){
        $(this).parent('div').remove();
    });
});
</script>
</html>